<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    
  </style>
</head>
<body>
  <div class="box"></div>
  <div class="box"></div>
  <div class="boxc ont"></div>
  <div class="boxc ont"></div>
  <div class="boxc ont"></div>
  <div class="cont"></div>
  <div class="cont"></div>
  <div class="cont"></div>
</body>
<script>

  // 需求：选中页面上class为box的元素

  console.log( getClassName("box") )
  console.log( getClassName("cont") )
  console.log( getClassName("ont") )

  // getName( "username" )
  // getName( "password" )
  
  function getClassName(select){
    const eles = document.getElementsByTagName("*");
    return [...eles].filter( val => [...val.classList].indexOf(select) !== -1 );
  }
  
  // function getClassName(select){
  //   // 获取所有元素
  //   const eles = document.getElementsByTagName("*");
  //   // 借助filter遍历
  //   return [...eles].filter(val=>{
  //     // 判断当前元素的class内是否包含指定class名
  //     if([...val.classList].indexOf(select) !== -1){
  //       // 返回
  //       return true;
  //     }
  //   })
  // }

  
  // 作业：参考以上逻辑，封装getElementsByName选择器

  
</script>
</html>